<template>
    <div class="fund-card">
        <div class="fund-card-list">
            <p class="fund-card-license">{{ cardInfo.flowType == '0' ? '充值' : cardInfo.accountName }}</p>
            <p class="fund-card-pay" v-if="cardInfo.property == '1'">
                <span>{{cardInfo.flowType == '1' ? '提现' : (cardInfo.flowType == '2' ? '交易结算' : '活动返还')}}</span> - {{cardInfo.amount}}
            </p>
            <p class="func-card-income" v-if="cardInfo.property == '0'"> + {{cardInfo.amount}}</p>
        </div>
        <div class="fund-card-list">
            <p class="fund-card-info">{{ cardInfo.createTime }}</p>
            <p class="fund-card-info"><span>余额</span>¥{{ cardInfo.balance }}</p>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        cardInfo: {
            type: Object,
            default: () => {
                return {}
            }
        }
    },
    data () {
        return {

        }
    }
}
</script>

<style lang="less" scoped>
.fund-card {
    width: calc(100% - 52px);
    margin: 0 26px;
    padding: 15px 0;
    border-bottom: 1px dashed rgba(45,55,72,.1);
    .fund-card-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .fund-card-info {
            height: 17px;
            line-height: 17px;
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-weight: 400;
            color: rgba(45,55,72,.5);
            span {
                margin-right: 15px;
            }
        }
    }
    .fund-card-list:first-child {
        margin-bottom: 6px;
    }
    .fund-card-license {
        width: calc(100% - 90px);
        height: 20px;
        line-height: 20px;
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        color: #2D3748;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .fund-card-pay {
        height: 17px;
        line-height: 17px;
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: 500;
        color: #04B6B6;
        span {
            margin-right: 12px;
            font-weight: 400;
            color: #2D3748;
        }
    }
    .func-card-income {
        height: 17px;
        line-height: 17px;
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: 500;
        color: #FF5858;
    }
}
</style>
